.feedback { margin: 20px auto; width: 89.28571%; border: 1px solid #e9ecef; }

.feedback .title { font-size: 18px; color: #333; }

.fb-form label, .fb-form textarea { display: block; }

.fb-form p { margin: 0; padding: 0; }

.fb-form label { padding: 15px 0; margin: 0; font-size: 15px; }

.fb-form textarea { resize: none; width: 100%; outline: none; border: 1px solid #eee; padding: 30px; }

.fb-form textarea:focus { border: 1px solid #23a8f5; }

.fb-form .fileBox { position: relative; width: 23.5119%; background: #fff; display: block; padding: 7rem 0; text-align: center; }

.fb-form .fileBox input { display: block; opacity: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.fb-form .fileBox i { font-size: 38px; text-align: center; vertical-align: middle; color: #e0e3e8; }

.fb-form .sendBtn { display: block; padding: 10px 0; width: 120px; text-align: center; margin-top: 15px; border-radius: 5px; color: #fff; background-color: #23a8f5; }

#showProImg { position: absolute; left: 0; top: 0; display: table; width: 100%; height: 100%; overflow: hidden; }

#showProImg span { width: 100%; height: 100%; display: table-cell; vertical-align: middle; }

#showProImg span img { max-width: 100%; /*max-height:100%;*/ height: auto; display: inline-block; }

.loading { display: inline-block; animation: myfirst 800ms linear infinite; -webkit-animation: myfirst 800ms linear infinite; -moz-animation: myfirst 800ms linear infinite; -o-animation: myfirst 800ms linear infinite; }

@keyframes myfirst { from { transform: rotate(0); }
  to { transform: rotate(360deg); } }

@-webkit-keyframes myfirst { from { transform: rotate(0); }
  to { transform: rotate(360deg); } }

@-moz-keyframes myfirst { from { transform: rotate(0); }
  to { transform: rotate(360deg); } }

@-o-keyframes myfirst { from { transform: rotate(0); }
  to { transform: rotate(360deg); } }
